<template>
	<view>
		<!-- #ifdef MP-WEIXIN || H5 -->
		<view class="header wexinBackground">
			<view>
				<image src="/static/icons/wechat.png" mode="widthFix"></image>
				<view class="tips">微信</view>
			</view>
		</view>
		<!-- #endif -->
		
		<!-- #ifdef MP-ALIPAY -->
		<view class="header alipayBackground">
			<view>
				<image src="/static/icons/alipay.png" mode="widthFix"></image>
				<view class="tips">支付宝</view>
			</view>
		</view>
		<!-- #endif -->
		
		<view class="content">
			<!-- #ifdef MP-WEIXIN || H5 -->
			<view class="title">请开通微信小额免密支付，开通后立即轻松购物</view>
			<view class="item">·微信合作品牌，官方授权</view>
			<view class="item">·如对开通免密支付有疑问，请点击
			<text class="weixinColor" @click="explain">查看免密说明</text>
			<!-- #endif -->
			<!-- #ifdef MP-ALIPAY -->
			<view class="title">请开通支付宝小额免密支付，开通后立即轻松购物</view>
			<view class="item">·支付宝合作品牌，官方授权</view>
			<view class="item">·如对开通免密支付有疑问，请点击
			<text class="alipayColor" @click="explain">查看免密说明</text>
			<!-- #endif -->
			</view>
		</view>
		<view>
			<!-- #ifdef MP-WEIXIN  || H5 -->
			<button class="confirm wexinBackground">开通免密支付</button>
			<!-- #endif -->
			<!-- #ifdef MP-ALIPAY -->
			<button class="confirm alipayBackground">开通免密支付</button>
			<!-- #endif -->
		</view>
	</view>
</template>

<script>
	import directPay from "./directPay.js";
	export default directPay;
</script>

<style>
	@import url("./directPay.css");
</style>
